<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div class="backTop pull-right">
    <a href="#" id="top">返回顶部</a>
</div>
{% block content %}

{% endblock %}
<script>
    $(function () {
        $('#top').click(function () {
            $('html,body').animate({scrollTop: '0px'}, 500);
            return false;
        });
        $('#foot').click(function () {
            $('html,body').animate({scrollTop: $('#footer').offset().top}, 500);
            return false;
        });
    })
</script>
</body>
</html>